03-Projeto de Interface.md

3. Projeto de Interface

Dentre os anseios para o desenvolvimento da interface do sistema, definiu-se o foco em questões como dinâmica interpessoal entre o usuário e a aplicação, acessibilidade, usabilidade e simplicidade. O projeto tem uma identidade visual estilizada nas telas, que são projetadas baseando-se na responsividade, para o correto funcionamento em dispositivos móveis.

A interface foi desenhada junto ao cliente, buscando uma interface limpa e intuitiva, com fluxos claros e fáceis de seguir, uma vez que algumas das usuárias voluntárias da aplicação são de maior idade, tendo, por isso, grande importância na criação da aplicação.

Apresenta-se neste tópico, a visão geral da interação do usuário com as funcionalidades que fazem parte do sistema sociotécnico (protótipo de telas).

Para maior fidelidade, é possível acessar o protótipo no Figma criado pelo grupo.

Figura 5 - Protótipo Geral - Telas Principais

Fonte: Elaborado pelos autores

Figura 6 - Protótipo Geral - Telas Iniciais

Fonte: Elaborado pelos autores

Figura 7 - Protótipo Geral - Registros

Fonte: Elaborado pelos autores

Figura 8 - Protótipo Geral - Adoções

Fonte: Elaborado pelos autores

Figura 9 - Protótipo Geral - Usuários

Fonte: Elaborado pelos autores

3.1 Diagrama de Fluxo

Descreve-se no diagrama apresentado na figura abaixo o fluxo de interação do usuário através das telas do sistema interativo.

Figura 10 - Diagrama de Fluxo

Fonte: Elaborado pelos autores

Figura 11 - Fluxo Registros

Fonte: Elaborado pelos autores

Figura 12 - Fluxo Adoções

Fonte: Elaborado pelos autores

Figura 13 - Fluxo Usuários

Fonte: Elaborado pelos autores

3.2 Wireframe Interativo

Congênere link, apresenta-se o wireframe interativo confeccionado no Figma, cujo objetivo é detalhar a interatividade com a aplicação.

Wireframe Interativo

3.3 Wireframe Estático

Alusivo às funcionalidades do sistema, apresenta-se o print das telas da aplicação desenvolvidas pelo grupo, assim como os requisitos atendidos, congênere seções abaixo:

3.3.1 Telas Iniciais

Figura 14

Fonte: Elaborado pelos autores

Figura 15

Fonte: Elaborado pelos autores

3.3.2 Registros

Figura 16

Fonte: Elaborado pelos autores

3.3.3 Adoções

Figura 17

Fonte: Elaborado pelos autores

3.3.4 Usuários

Figura 18

Fonte: Elaborado pelos autores